//点击添加商品按钮 添加到数据库并渲染出来在页面
$('#add-btn').on('click',()=>{
//   $('#inputName').val()
const name = $('#inputName').val(),
      price = $('#inputPrice').val(),
      num = $('#inputNum').val(),
      p = $('#msgWrap')
$.ajax({
   url:'./api/shop/add.php',
   method:'get',
   data:{
      name,price,num
   },
   success:resp=>{
      p.html(resp.body.msg)
      p.addClass('text-success')
      setTimeout(()=>{
         p.html('')
         p.removeClass('text-success')
         $('#addModal').modal('hide')
      },2000)
      getData()
   },
   error:()=>{
      p.html(resp.body.msg)
      p.addClass('text-danger')
      setTimeout(()=>{
         p.html('')
         p.removeClass('text-danger')
      },2000)
   },
   dataType:'json'
})
console.log(p)
})
//关闭模态框时 执行的代码 	此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。
$('#addModal').on('hidden.bs.modal', function (e) {
   // $('#inputPrice').val() = $('#inputNUM').val() = ('#inputName').val() = ''
   $('#inputPrice').val('')
   $('#inputNum').val('')
   $('#inputName').val('')

})